<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8" />
        <title>我的视频-{eyou:global name='web_name' /}</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
        <link href="{eyou:global name='web_cmspath'/}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        {eyou:static file="users/skin/css/eyoucms.css"/}
        {eyou:static file="users/skin/css/element/index.css" /}
        {eyou:static file="users/skin/css/e-user.css" /}
        {eyou:include file="users/skin/css/diy_css.htm"/}
        {eyou:static file="/public/static/common/js/jquery.min.js"/}
        {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
        {eyou:static file="/public/static/common/js/tag_global.js"/}
    </head>

    <body>
        {eyou:include file="users/users_header.htm" /}
        <div class="breadcrumbs"></div>
        <div class="ey-body-bg">
            <div class="ey-body pd0">
                <div class="ey-container w1226">
                    {eyou:include file="users/users_left.htm" /}
                    <div class="ey-con fr" >
                        <div class="xin_mian user-pay-con main-bg">
                            <div class="user-pay-box">
                                <div class="el-row shop-oper">
                                    <h1 class="title">我的足迹</h1>
                                </div>
                                <div class="el-row shop-oper mt20">
                                    <div class="shop-oper-bottom">
                                        <div class="shop-oper-l">
                                            <div class="el-button-group">
                                                <a class="el-button-xin el-button--default first" href="{eyou:url link='user/Users/footprint_index'/}">浏览记录</a>
                                                <a class="el-button-xin el-button--default" href="{eyou:url link='user/Download/index'/}">下载记录</a>
                                                <a class="el-button-xin el-button--default active" href="{eyou:url link='user/Media/play_index'/}">播放记录</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="ey-con-inside mt20">
                                    <div id="finance-list_wrapper" class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition" style="width: 100%;">
                                        <table class="pay_details" cellspacing="0" cellpadding="0" style="width: 100%">
                                            <thead>
                                                <tr role="row">
                                                    <th class="w40"> <div class="cell"> </div> </th>
                                                    <th><div class="cell tl">文档标题</div></th>
                                                    <th class="w100"><div class="cell tc">总时长</div></th>
                                                    <th class="w100"><div class="cell tc">已观看</div></th>
                                                    <th class="w80"><div class="cell tc">进度</div></th>
                                                    <th class="w200"><div class="cell tc">上次观看</div></th>
                                                    <th class="w80"><div class="cell tc">操作</div></th>
                                                </tr>
                                            </thead>
                                
                                            <tbody>
                                                {empty name="$eyou.field.list"}
                                                <tr>
                                                    <td align="center" axis="col0" colspan="50">
                                                        <div class="cell pt100 tc">
                                                            <span class="mb10">
                                                                <img id='litpic_img' src="{eyou:static file='users/skin/images/null-data.png' /}"/>
                                                            </span>
                                                         </div>
                                                    </td>
                                                </tr>
                                                {else/}
                                                {eyou:volist name="$eyou.field.list" id="vo"}
                                                <tr>
                                                    <td>
                                                        <div class="cell tc">
                                                            <label class="checkbox-label release-checkbox">
                                                                <span> &nbsp; </span>
                                                                <input class="checkbox" type="checkbox" name="ids[]" value="{$vo.play_id}">
                                                                <span class="check-mark"></span>
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="cell tl">
                                                            <a href="javascript:void(0);" onclick="windowOpen('{$vo.arcurl}');" class="arc-name">
                                                                <div class="arc-pic">
                                                                    <img src="{$vo.litpic|default='__PUBLIC__/static/common/images/not_adv.jpg'}">
                                                                </div>
                                                                <div class="arc-title">{$vo.title}</div>
                                                            </a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="cell tc"> {$vo.sum_file_time} </div>
                                                    </td>
                                                    <td>
                                                        <div class="cell tc">{$vo.sum_play_time}</div>
                                                    </td>
                                                    <td>
                                                        <div class="cell tc">{$vo.process}</div>
                                                    </td>
                                                    <td>
                                                        <div class="cell tc">{$vo.last_update_time}</div>
                                                    </td>
                                                    <td>
                                                        <div class="cell tc">
                                                            <a class="el-button el-button--primary el-button--small f14" href="{$vo.arcurl}">{eq name='$vo.process' value='100%'}重新学习{else /}继续学习{/eq}</a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                {/eyou:volist}
                                                <tr>
                                                    <td class="border-no">
                                                        <div class="cell tc">
                                                            <label class="checkbox-label release-checkbox">
                                                                <span> &nbsp; </span>
                                                                <input class="checkbox checkboxAll" type="checkbox">
                                                                <span class="check-mark"></span>
                                                            </label>
                                                        </div>
                                                    </td>
                                                    <td class="border-no">
                                                        <a class="el-button el-button--default el-button--small f14" href="javascript:void(0);" onclick="batchDelAction(this, 'ids', '确认批量删除播放记录？');" data-url="{$delurl}">
                                                            <i class="el-icon-delete"></i> 批量删除
                                                        </a>
                                                    </td>
                                                    <td class="border-no"></td>
                                                    <td class="border-no"></td>
                                                    <td class="border-no"></td>
                                                </tr>
                                                {/empty}
                                            </tbody>
                                        </table>
                                    </div>
                                    {$page}
                                    {eyou:if condition="!empty($pager->totalRows)"}
                                    <div class="fytotal">{:sprintf(foreign_lang('page5'), $pager->totalPages, $pager->totalRows)}</div>
                                    {/eyou:if}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function() {
                $('input[name*=ids]').click(function() {
                    if ($('input[name*=ids]').length == $('input[name*=ids]:checked').length) {
                        $('.checkboxAll').prop('checked', true);
                    } else {
                        $('.checkboxAll').prop('checked', false);
                    }
                });
                $('.checkboxAll').click(function() {
                    $('input[type=checkbox]').prop('checked', this.checked);
                });
            });
        </script>
        {eyou:include file="users/users_footer.htm" /}